<div class="container">
  <button  class="btn btn-primary" (click)="login()"> Перейти в кабинет пользователя </button>
<!--  <br>-->
<!--  <div class="alert alert-warning" role="alert">-->
<!--    A simple warning alert—check it out!-->
<!--  </div>-->
<!--  <button class="btn btn-success" (click)="getData()">Получить данные</button>-->
<!--  <h1>{{ text }}</h1>-->
  <button class="btn btn-danger" (click)="logout()"> Logout </button>
  <a routerLink="/v1" class="btn btn-info">Новая версия</a>
  <a routerLink="/da" class="btn btn-success">Да дата</a>
  <div class="row">
    <div class="col">
      <mat-card class="example-card">
        <mat-card-header>
          <mat-card-title-group>
            <mat-card-title>Criminal</mat-card-title>
            <mat-card-subtitle>Speciality criminal laws </mat-card-subtitle>
            <img mat-card-lg-image [src]="imagePath"  alt="pic">
          </mat-card-title-group>
        </mat-card-header>
        <mat-card-content>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae blanditiis ea, eos possimus similique tempore!
        </mat-card-content>
      </mat-card>

    </div>
    <div class="col">
      <mat-card class="example-card">
        <mat-card-header>
          <mat-card-title-group>
            <mat-card-title>Administrative</mat-card-title>
            <mat-card-subtitle>Speciality administrative laws </mat-card-subtitle>
            <img mat-card-lg-image [src]="imagePath"  alt="pic">
          </mat-card-title-group>
        </mat-card-header>
        <mat-card-content>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae blanditiis ea, eos possimus similique tempore!
        </mat-card-content>
      </mat-card>
    </div>
  </div>
  <div class="row">
    <div class="col">
      <mat-card class="example-card">
        <mat-card-header>
          <mat-card-title-group>
            <mat-card-title>Family</mat-card-title>
            <mat-card-subtitle>Speciality family laws </mat-card-subtitle>
            <img mat-card-lg-image [src]="imagePath"  alt="pic">
          </mat-card-title-group>
        </mat-card-header>
        <mat-card-content>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae blanditiis ea, eos possimus similique tempore!
        </mat-card-content>
      </mat-card>
    </div>

    <div class="col">
      <mat-card class="example-card">
        <mat-card-header>
          <mat-card-title-group>
            <mat-card-title>Business</mat-card-title>
            <mat-card-subtitle>Speciality business laws
            <p>
              Короткий кейс
            </p>
            </mat-card-subtitle>
            <img mat-card-lg-image [src]="imagePath"  alt="pic">
          </mat-card-title-group>
        </mat-card-header>
        <mat-card-content>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae blanditiis ea, eos possimus similique tempore!
        </mat-card-content>
      </mat-card>
    </div>
  </div>
  </div>

